﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
<link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
<link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css" />
<script src="${RESOURCE}/tha/include/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/security.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
<script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>

<script type="text/javascript">
function doSubmit() {
	if(validate()) {
		$.ajax({
            type : 'post',
            url : '${pageContext.request.contextPath}/UserProfile.do',
            data : 'fnc=ChangeUserInfoForm&action=',
            success : function(data) {
                alert(data);
            }
        });
	}
}

function validate() {
	var password = $('#password').val();
	var confirmPassword = $('#confirmPassword').val();
	var name = $('#name').val();
	var email = $('#email').val();
	var smsNotify = $('input[name="smsNotify"]:checked').val();
	var sendOTP = $('input[name="sendOTP"]:checked').val();
	var sendOTPTo = $('#sendOTPTo').val();
	var question = $('#question').val();
	var answer = $('#answer').val();
	
	if(isEmpty(password)) {
		alert('กรุณากรอกรหัสผ่าน');
		$('#password').focus();
		return false;
	}
	if(!isCorrectPinCode(password)) {
		alert('รหัสผ่านต้องเป็นตัวเลข 4 หลัก');
		$('#password').focus();
		return false;
	}
	if(isEmpty(confirmPassword)) {
		alert('กรุณากรอกยืนยันรหัสผ่าน');
		$('#confirmPassword').focus();
		return false;
	}
	if(password != confirmPassword) {
		alert('กรุณากรอกยืนยันรหัสผ่านให้ตรงกับรหัสผ่าน');
		$('#confirmPassword').focus();
		return false;
	}
	if(isEmpty(name)) {
		alert('กรุณากรอกชื่อ/ชื่อบริษัท');
		$('#name').focus();
		return false;
	}
	if(name.indexOf(';') != -1) {
		alert('ไม่อนุญาตให้กรอก \';\'');
		$('#name').focus();
		return false;
	}
	if(email.indexOf(';') != -1) {
		alert('ไม่อนุญาตให้กรอก \';\'');
		$('#email').focus();
		return false;
	}
	if(!isEmail(email)) {
		alert('Email address ไม่ถูกต้อง');
		$('#email').focus();
		return false;
	}
	if(isEmpty(smsNotify)) {
		alert('กรุณาเลือกว่าจะมีการส่ง sms เตือนเมื่อมีการเข้าใช้งานเว็บหรือไม่');
		return false;
	}
	if(isEmpty(sendOTP)) {
		alert('กรุณาเลือกว่าจะมีการส่ง One Time Password ไปยังเบอร์อื่นหรือไม่');
		return false;
	}
	if(sendOTP == 'Y' && isEmpty(sendOTPTo)) {
		alert('กรุณากรอกเบอร์โทรศัพท์');
		$('#sendOTPTo').focus();
		return false;
	}
	if(sendOTP == 'Y' && !isPhoneNumber0(sendOTPTo)) {
		alert('ข้อมูลไม่ถูกต้อง :\n\n-หมายเลขโทรศัพท์ต้องมี 10 หลักและเป็นได้เพียงเฉพาะตัวเลขเท่านั้น');
		$('#sendOTPTo').focus();
		return false;
	}
	if(isEmpty(question)) {
		alert('กรุณาเลือกคำถาม 1 ข้อ');
        $('#question').focus();
		return false;
	}
	if(isEmpty(answer)) {
		alert('กรุณากรอกคำตอบ');
        $('#answer').focus();
		return false;
	}
	
	return true;
}

function applyFormRules() {
	if($('input[name="sendOTP"]:checked').val() == 'Y') {
		$('#sendOTPTo').removeAttr('disabled');
	} else {
		$('#sendOTPTo').attr('disabled', 'disabled');
	}
}

$(document).ready(function() {
	$('input[name="sendOTP"]').change(applyFormRules);
	applyFormRules();
});
</script>

</head>
<body>
<div id="header">	
	<%@ include file="../head.jsp" %>
</div>

<div id="container">
    <div id="pathway"><img src="${RESOURCE}/eng/images/clear.gif" width="1" height="1" /><a href="${pageContext.request.contextPath}/index.html"  class="link2">บริการผ่านเว็บ</a> &gt; <a href="${pageContext.request.contextPath}/index.html?page=Welcome"  class="link2">ข้อมูลส่วนตัวและแพ็กเกจ</a> &gt; เปลี่ยนแปลงข้อมุลและบริการต่างๆ</div>
	<div id="main">
    	<%@ include file="../menu.jsp" %>
    	<div id="content">
        	<div class="content-middle">
                
                <!--เนื้อหาเริ่มที่นี่-->

					<table width="100%" border="0">

                      <tr>

                        <td>

						<!-- เอา Content ใส่ ระหว่างนี้ -->



<table width="650" border="0" cellspacing="0" cellpadding="0">

  <!--SVLT.VAR:CONF_TOP-->
  <%@ include file="../control_panel.jsp" %>

  <tr> 

    <td height="40"><table width="100%" border="0" cellspacing="3" cellpadding="0">

        <tr> 

          <td width="2%"><img src="${RESOURCE}/tha/images/14_webservice_bullet01.gif" width="9" height="9" /></td>

          <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/tha/images/14_webservice_subtitle15.gif" width="350" height="22" /></td>

        </tr>

      </table></td>

  </tr>

  <tr> 

    <td height="15" align="left"><font color="#FF0000" class="textredsmall"><br/>

    </font></td>

  </tr>

  <tr> 

    <td height="50" align="center" valign="bottom">
    	<table width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td background="${RESOURCE}/tha/images/14_webservice_tabline.gif">&nbsp;</td>

        <td width="101"><a href="${pageContext.request.contextPath}/UserProfile.html?page=ChangeUserInfoForm"><img src="${RESOURCE}/tha/images/14_editprofile_tab01_o.gif" alt="แก้ไขข้อมูลส่วนตัว" width="160" height="43" border="0" /></a></td>

        <td width="160"><a href="${pageContext.request.contextPath}/UserProfile.html?page=ChngPassword"><img src="${RESOURCE}/tha/images/14_editprofile_tab02_i.gif" alt="กำหนดรหัสผ่านใหม่" width="160" height="43" border="0" /></a></td>

        <td width="160"><a href="${pageContext.request.contextPath}/UserProfile.html?page=DpromptDecreaseMobileForm"><img src="${RESOURCE}/tha/images/14_editprofile_tab03_i.gif" alt="ยกเลิกการใช้บริการผ่านเว็บ" width="161" height="43" border="0" /></a></td>

        <td background="${RESOURCE}/tha/images/14_webservice_tabline.gif">&nbsp;</td>
        
      </tr>
      
      <tr>
        <td colspan="5">
        	<table width="100%" border="0">
          <tr class="textnormal_bold">
            <td align="center" class="textnormalbold"><!--SVLT.LOOP:ERROR_BOX-->
                <br/>
              ระบบไม่สามารถดำเนินการได้เนื่องจาก<br/>
              <span class="textnormalred">
                <!--SVLT.VAR:ERROR_MESSAGE-->
                </span><br/>
                <!--SVLT.END:ERROR_BOX-->
            </td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table></td>
        </tr>


    </table>
    </td>

  </tr>

  <tr> 

    <td height="15" align="left"><br/>

      <span class="textnormal_bold">แก้ไขข้อมูลส่วนตัว</span><br/>

      <span class="textnormal">คุณสามารถแทนที่ข้อมูลนี้ด้วยข้อมูลใหม่ของคุณ และช่องใดที่คุณไม่ได้แก้ไข 

      ข้อมูลนั้นจะไม่ถูกเปลี่ยนแปลง</span><br/>

      <span class="textnormal">ช่องที่มีเครื่องหมาย <img src="${RESOURCE}/tha/images/st_r.gif" width="8" height="8" /> คือช่องที่ต้องกรอกข้อมูล

      ไม่สามารถเว้นว่างได้</span><br/>

      <br/>

      <br/>

      <br/>

      <p>

      <table width="95%" border="0" align="center" cellpadding="2" cellspacing="5">

        <tr>

                                          <td width="40%" align="left" class="textnormal"><span class="textnormal_bold">เบอร์แฮปปี้ของคุณ:</span><font color="#FF0000">*</font></td>

          <td width="60%" align="left"><input name="new_username" type="text" class="txt_search_c04" size="21" value="<!--SVLT.VAR:WB_USER__NEW_USER_NAME-->"  READONLY />          </td>

        </tr>

 		<!--SVLT.LOOP:PASSWORDLOOP-->

		<tr  > 

          <td  height="2"class="textnormal">

            <img src="${RESOURCE}/eng/images/bb.gif" />

            <strong>รหัสผ่านใหม่ :</strong>กรุณากำหนดเป็น ตัวเลข 4 หลัก   </td>

          <td  height="2" >                                             

            <strong><input id="password" type="password" name="password" size="10" maxlength="4" class="txt_search_c04" value="<!--SVLT.VAR:passWord-->" /></strong>									          </td>

        </tr>

		<tr> 

          <td  height="2"class="textnormal">

            <img src="${RESOURCE}/eng/images/bb.gif" />

            <strong>ยืนยันรหัสผ่านใหม่ :</strong>

          </td>

          <td  height="2" >                                             

            <strong> 

            <input id="confirmPassword" type="password" name="confirm_password" size="10" maxlength="4"  class="txt_search_c04" value="<!--SVLT.VAR:conFirm-->" />

            </strong>									     </td>

        </tr>

        <!--SVLT.END:PASSWORDLOOP-->

        <tr>

          <td width="40%" align="left" class="textnormal"><span class="textnormal_bold">ชื่อ - นามสกุล:</span><font color="#FF0000">*</font></td>

          <td width="60%" align="left"><input id="name" name="inputFname" type="text" class="txt_search_c04" size="21" value="<!--SVLT.VAR:WB_USER__FRST_NAME-->" maxlength="100" /></td>

        </tr>

        <tr>

          <td width="40%" align="left" class="textnormal"><span class="textnormal_bold">อีเมล์:</span><font color="#FF0000">*</font></td>

          <td width="60%" align="left"><input id="email" name="inputEmail" type="text" class="txt_search_c04" size="21" value="<!--SVLT.VAR:WB_USER__EMAL_ADDR-->" maxlength="30" /></td>

        </tr>

        <tr>

          <td width="40%" align="left" class="textnormal">&nbsp;</td>

          <td width="60%" height="30" align="left"><font color="#FF0000" class="textredsmall">กรุณาระบุ e-mail address ของคุณ ทั้งนี้ ระบบจะส่ง 

            password <br/>

            ไปยัง e-mail ที่ระบุในกรณีที่คุณลืม password<br/>

          </font></td>

        </tr>

        <tr>

          <td width="40%" align="left"><span class="textnormal_bold">ต้องการรับ SMS แจ้งเตือนเมื่อ<br/>

          มีการเข้าใช้บริการผ่านเว็บหรือไม่:</span><span class="style1"><font color="#FF0000">*</font></span></td>

          <td width="60%" align="left" valign="top"><font color="#FF0000"><span class="textnormal">

            <input type="radio" name="smsNotify" class="textnormal" value="N" />

            ไม่ต้องการ

            <input type="radio" name="smsNotify" class="textnormal" value="Y" />

            ต้องการ</span></font></td>

        </tr>

        <tr>

          <td width="40%" align="left" valign="top"><span class="textnormal_bold">ต้องการโอนการส่งรหัสผ่านแบบใช้<br/>

            

            ครั้งเดียว เพื่อทำรายการและ เช็กข้อมูล<br/>

            ส่วนตัวบนเว็บ (เช่น บริการแจกแจง<br/>

            ค่าโทร บริการเปลี่ยน โปรโมชั่น <br/>

            บริการใจดี 

            เป็นต้น) ไปยังเบอร์อื่น<br/>

            หรือไม่:</span><span class="style1"><font color="#FF0000">*</font></span><br/>          </td>

            

          <td width="60%" align="left" valign="top"><span class="textnormal">

            <input type="radio" name="sendOTP" value="N" class="textnormal"  />

            ไม่ต้องการ <br/>

            <input type="radio" name="sendOTP" value="Y" class="textnormal"  />

            ต้องการรหัสผ่านไปยังเบอร์</span>&nbsp;&nbsp;

            <input id="sendOTPTo" name="sendOTPSubrNum" type="text" class="txt_search_c04" size="21" maxlength="10" value="<!--SVLT.VAR:WB_USER__SEND_OTP_SUBR-->" />

            <br/>

            <span class="textredsmall">(โปรดระบุเบอร์โทรศัพท์ดีแทค 10 หลัก เช่น 08xxxxxxxx และ <font color="#FF0000">ผู้ใช้บริการจะต้องรับผิดชอบต่อความเสียหายใดๆ ที่เกิดขึ้น อันเนื่องมาจาก</font></span><span class="textredsmall"><font color="#FF0000">การโอนรหัสผ่าน ไปยังเบอร์อื่นของผู้ใช้บริการเอง</font>)<br/>

            <br/>

            </span></td>

        </tr>

        <tr>

          <td width="40%" height="30" align="left" class="textnormal">คำถามเมื่อลืมรหัสผ่าน<font color="#FF0000"> * </font>:</td>

          <td width="60%" height="30" align="left"><select name="ques" id="question" class="textnormal" style="width:220">

              <option value="">กรุณาเลือก</option>

              <option value="1">สถานที่ที่คุณโปรดปรานคือที่ไหน ?</option>

              <option value="2">สัตว์เลี้ยงของคุณชื่ออะไร ?</option>

              <option value="3">อาหารจานโปรดของคุณคืออะไร ?</option>

              <option value="4">แฟนคุณมีชื่อว่าอะไร ?</option>

              <option value="5">ของเล่นชิ้นโปรดของคุณคืออะไร ?</option>

          </select></td>

        </tr>

        <tr>

          <td width="40%" height="30" align="left" class="textnormal">คำตอบเมื่อลืมรหัสผ่าน <font color="#FF0000"> * </font>:</td>

          <td width="60%" height="30" align="left"><input id="answer" name="ans" type="text" class="txt_search_c04" maxlength="40" size="21" value="<!--SVLT.VAR:ans-->" /></td>

        </tr>

      </table>

     

      <br/>

      <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2">



        <tr class="textnormal">

          <td align="left" class="textnormalred">*บริษัทฯ ขอสงวนสิทธิในการระงับการให้บริการ Web Services หากตรวจสอบพบว่าข้อมูลที่ให้ไว้ไม่ถูกต้อง</td>

        </tr>

      </table>

      <br/>

      <br/>

      <table width="250" border="0" align="center" cellpadding="5" cellspacing="0">

        <tr align="center" valign="top">

          <td><a href="javascript:void(0);" onclick="doSubmit();"><img src="${RESOURCE}/tha/images/14_webservice_submit.gif" width="58" height="23" border="0" /></a></td>

          <td><a href="${pageContext.request.contextPath}/index.html?page=Welcome"><img src="${RESOURCE}/tha/images/14_webservice_cancel.gif" width="58" height="23" border="0" /></a></td>

        </tr>

      </table>

      

      <br/>

      <br/>

      <br/>

	</p>

      <p><br/>

      </p></td>

  </tr>

  <!--SVLT.VAR:CONF_BOTTOM-->

</table>





						

						

						<!-- เอา Content ใส่ ระหว่างนี้ -->

						</td>

                      </tr>

                    </table>

                <!--เนื้อหาสิ้นสุดที่นี่-->
            </div>
            <div class="content-bottom"></div>
        </div>
    </div>
</div>
<div id="footer">
<img src="${RESOURCE}/tha/images/copy_right.jpg" />
<a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
<a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
</div>
</body>
</html>
